/* #ifndef APP-NVUE */
page {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	min-height: 100%;
	height: auto;
}

view {
	font-size: 14px;
	line-height: inherit;
}

/* #endif */

.text {
	font-size: 28rpx;
	margin-top: 18rpx;
}
.grid-body {
	border-radius: 20rpx;
	background-color: #ffffff;
	margin: 0 30rpx;
	.grid-common{padding: 30rpx;}
	.grid-item-box {
		flex: 1;
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 15px 0;

		.icon-style {
			width: 56rpx;
			height: 56rpx;
		}

	}
}
.mb-10{
	margin-bottom: 10rpx;
}
.mb-20{
	margin-bottom: 20rpx;
}
.mb-30{
	margin-bottom: 30rpx;
}
.mb-130{
	margin-bottom: 130rpx;
}
.mt-20{
	margin-top: 20rpx;
}
.mt-30{
	margin-top: 30rpx;
}
.mt-60{
	margin-top: 60rpx;
}
.mr-10 {
	margin-right: 10rpx;
}
.mr-20 {
	margin-right: 20rpx;
}
.ml-10 {
	margin-left: 10rpx;
}
.ml-20 {
	margin-left: 20rpx;
}
.ml-80{margin-left: 80rpx;}
.ml-100{
	margin-left: 100rpx;
}

.flex {
	display: flex;
}
.flex-col {
	flex-direction: column;
}
.flex-row-reverse {
	flex-direction: row-reverse;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-nowrap {
	flex-wrap: nowrap;
}
.items-start {
	align-items: flex-start;
}
.items-end {
	align-items: flex-end;
}
.items-center {
	align-items: center;
}
.flex-center {
	justify-content: center;
	align-items: center;
}
.justify-between {
	justify-content: space-between;
}
.justify-start {
	justify-content: flex-start;
}
.justify-end {
	justify-content: flex-end;
}
.justify-center {
	justify-content: center;
}
.flex-space-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flex-auto {
	flex: 1;
}
.flex-shrink-0 {
	flex-shrink: 0;
}
.text-error {
	color: #dd524d;
}
.text-success {
	color: #67C23A;
}
.info-btn{
	padding:0 40rpx;
	width: auto;
	height: 60rpx;
	font-size: 28rpx;
	line-height: 60rpx;
	border: 1rpx solid #454A5E;
	border-radius: 32rpx;
	color: #454A5E;
	margin-right: 20rpx;
	background-color: #ffffff;
	&::after{
		border: 0 none;
	}
}
.uni-input {
	&::placeholder{
		color: #ff0;
	}
}
.submit-group {
	display: flex;
	position: fixed;
	z-index: 9;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding: 12px;
	padding-bottom: calc(12px + constant(safe-area-inset-bottom));
	padding-bottom: calc(12px + env(safe-area-inset-bottom));
	background: #fff;
	.u-button {
		width: 100%;
	}

}
.u-button{
	background-color: #2ac0c8;
	color: #fff;
	width: 300rpx;
	height: 88rpx;
	border-radius: 0;
	&.block {
		width: 100%;
	}
	&::after {
		display: none;
	}
	&.u-button-danger {
		background-color: #dd524d;
		color: #fff;
	}
	&.u-button-orange {
		background-color: #f0ad4e;
		color: #fff;
	}
	&.u-button-cancel {
		background-color: #C4C088;
		color: #fff;
	}
	&.u-button-default {
		background-color: #fff;
		color: #333;
		border: 1px solid #ddd;
	}
	&.small {
		height: 70rpx;
		line-height: 70rpx;
		font-size: 28rpx;
	}
}
uni-button.u-button[type=primary] {
	background-color: #2ac0c8;
	color: #fff;
}
.u-button + .u-button {
	margin-left: 10px;
}
.text-area{
	background: #F5F5F5;
	color: #333;
	border-radius: 10rpx;
	width: 100%;
	padding: 20rpx;
	height: 220rpx;
	font-size: 30rpx;
}
.text-input {
	background: #F5F5F5;color: #333;border-radius: 10rpx; width: 100%;height: 100rpx;padding: 0 20rpx;font-size: 30rpx;
}
.submit{
	background: linear-gradient( 273deg, #3685FB 0%, #7795FF 100%);;
	color: #FFFFFF;
	width: 600rpx;
	height: 88rpx;
	border-radius: 50rpx;
}
.placeholder__style {
	color: #bbb;
}

.bor-top {
	border-top: 20rpx solid #f5f5f5;
}


// 定义字体(px)单位，小于20都为px单位字体
@for $i from 9 to 20 {
	.cu-font-#{$i} {
		font-size: $i + px;
	}
}

// 定义字体(rpx)单位，大于或等于20的都为rpx单位字体
@for $i from 20 through 40 {
	.cu-font-#{$i} {
		font-size: $i + rpx;
	}
}

// 定义内外边距，历遍1-80
@for $i from 0 through 80 {
	// 只要双数和能被5除尽的数
	@if $i % 2 == 0 or $i % 5 == 0 {
		// 得出：cu-margin-30或者cu-m-30
		.cu-margin-#{$i}, .cu-m-#{$i} {
			margin: $i + rpx!important;
		}

		// 得出：cu-padding-30或者cu-p-30
		.cu-padding-#{$i}, .cu-p-#{$i} {
			padding: $i + rpx!important;
		}

		@each $short, $long in l left, t top, r right, b bottom {
			// 缩写版，结果如： cu-m-l-30
			// 定义外边距
			.cu-m-#{$short}-#{$i} {
				margin-#{$long}: $i + rpx!important;
			}

			// 定义内边距
			.cu-p-#{$short}-#{$i} {
				padding-#{$long}: $i + rpx!important;
			}

			// 完整版，结果如：cu-margin-left-30
			// 定义外边距
			.cu-margin-#{$long}-#{$i} {
				margin-#{$long}: $i + rpx!important;
			}

			// 定义内边距
			.cu-padding-#{$long}-#{$i} {
				padding-#{$long}: $i + rpx!important;
			}
		}
	}
}

.cu-relative {
	position: relative;
}

// 卡片样式

.cu-card-wrap {
	background: #FFFFFF;
	border-radius: 20rpx;
	padding: 30rpx 30rpx 20rpx 30rpx;
	margin: 0 30rpx;
	.header-wrap {
		display: flex;
		align-items: center;
		margin-bottom: 20rpx;
		.title-wrap {
			display: flex;
			align-self: center;
			line-height: 52rpx;
			.icon {
				width: 52rpx;
				height: 52rpx;
				margin-right: 18rpx;
			}
			.title {
				font-size: 34rpx;
				font-weight: bold;
				color: #333333;
			}
		}
	}
	.content-wrap {
		display: flex;
		min-height: 40rpx;
		line-height: 40rpx;
		font-size: 28rpx;
		margin-bottom: 20rpx;
		.label {
			color: #999999;
		}
		.value {
			flex: 1;
			color: #333333;
			word-break: break-all;
		}
	}


}

.footer-wrap {
	border-top: 1rpx solid #D5D7E3;
	padding-top: 20rpx;
	display: flex;
	justify-content: space-between;
	margin-top: 20rpx;
	.content-wrap {
		margin-bottom: 0;
		align-self: center;
	}
	.button-wrap {
		display: flex;
		.button {
			margin-left: 20rpx;
		}
	}
	.button {
		padding: 0 32rpx;
		color: #ffffff;
		background: #2AC0C8;
		line-height: 60rpx;
		height: 60rpx;
		font-size: 28rpx;
		border-radius: 0;
		&::after {
			border: 0 none;
		}
		&.disabled {
			color: #ffffff;
			background: rgba(42, 192, 200, 0.6);
		}
		&.button-danger {
			background-color: #dd524d;
			color: #fff;
		}
		&.button-orange {
			background-color: #f0ad4e;
			color: #fff;
		}
		&.button-default {
			background-color: #fff;
			color: #333;
			border: 1px solid #ddd;
		}
	}
	uni-button.button[disabled]:not([type]), uni-button.button[disabled][type=default] {
		color: #ffffff;
		background: rgba(42, 192, 200, 0.6);
	}
}
.level_1 {
	color: #A14430;
}

.level_2 {
	color: #C87C32;
}

.level_3 {
	color: #C4C088;
}

.level_4 {
	color: #88B4C4;
}
.has-fixed-btn-group {
	padding-bottom: calc(24rpx + 70px + constant(safe-area-inset-bottom)) !important;
	padding-bottom: calc(24rpx + 70px + env(safe-area-inset-bottom)) !important;
}
.form-container {
	&.fixed-form-container {
		padding-bottom: 100px;
	}

	.background-white {
		background-color: #fff;
		padding: 10rpx 30rpx;
		box-sizing: border-box;
		.uni-forms-item {
			margin-bottom: 30rpx;
		}
		.uni-forms-item__label {
			color: #333;
			font-size: 30rpx;
		}

		.bor-btm {
			display: flex;
			border-bottom: 1px solid #D5D7E3;
		}

		.photo {
			display: flex;
			justify-content: space-between;

			image {
				width: 214rpx;
				height: 214rpx;
			}
		}
	}

	.hidden-title {
		background: #f5f5f5;
		padding: 20rpx;
		color: #999;
	}

	.input {
		font-size: 28rpx;
		color: #333333;
		text-align: right;
		.input-placeholder {
			color: #BBBBBB;
		}
	}

	.bor-top {
		border-top: 20rpx solid #f5f5f5;
	}

	.bottom {
		margin-bottom: 120px;
	}

	.submit-group {
		background: #fff;
		z-index: 9;
		padding: 30px;
	}
}



.color-88B4C4 {
	color: #88B4C4 !important;
}

.color-C87C32 {
	color: #C87C32 !important;
}

.color-C4C088 {
	color: #C4C088 !important;
}

.color-454A5E {
	color: #454A5E !important;
}

.color-A14430 {
	color: #A14430 !important;
}

.color-BBBBBB {
	color: #BBBBBB !important;
}

.color-time-gray {
	color: #999999;
}

.bg-white {
	background-color: #fff;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}

.form-placeholder__style {
	color: #BBBBBB;
}

/*
* uni-navbar 导航栏样式重写
*/

.text-label{
	word-break: keep-all;
	color: #999!important;
}


.loading-view {
	height: 20vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.detail-list__group {
	padding-left: 30rpx;
	margin-bottom: 20rpx;
	background: #fff;
	.detail-list__item {
		padding: 24rpx 20rpx 24rpx 0;
		border-bottom: 1rpx solid #d5d7e3;
		line-height: 40rpx;
		.detail-list__label {
			color: #999;
			flex-shrink: 0;
		}
		.detail-list__value {
			color: #333;
		}
		&.flex-col {
			flex-direction: column;
			.detail-list__label {
				margin-bottom: 20rpx;
			}
		}
	}
}
.btn-wrap {
	background: #fff;
	display: flex;
	justify-content: space-around;
	padding: 12rpx 10px;
	padding-bottom: calc(12rpx + constant(safe-area-inset-bottom));
	padding-bottom: calc(12rpx + env(safe-area-inset-bottom));
	.u-button + .u-button {
		margin-left: 10px;
	}
}

.btn-popup-confirm {
	background: #2ac0c8;
	height: 70rpx;
	line-height: 70rpx;
	width: 100px;
	text-align: center;
	color: #fff;
}
